<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3"><span class="font-bold" translate="aside.nav.your_stuff.PROFILE">User profile</span>
    </h1>
</div>
<div ng-class="isSmart?'':'wrapper-md'" ng-controller="SystemUserOfMeController">
    <div class="col-md-12  panel panel-default">
        <div class="row wrapper-lg"
             style=" margin-bottom:15px; background:url(images/2.png) center center; background-size: cover;"> <span
                class="humb-lg pull-left m-r" style=" position:relative;">
			<img src="{{currentUser.headImageUrl}}" class="img-circle"
                 style="display:block;" del-ng-click="openUploadHeadImage(currentUser)"
                 width="128px" height="128px"></span>
        </div>
        <div class="col-md-12" ng-repeat="model in users">
            <form class="form-horizontal" role="form">
                <div class="form-group row">
                    <label class="col-sm-2 control-label " translate="user.username">username</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{ model.userName }}" disabled
                               style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.realname">realname</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{ model.realName }}" disabled
                               style="cursor:default">
                    </div>
                    <div class="col-sm-2"></div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" translate="user.gender">gender</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{'user.gender.'+model.gender|translate}}" disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.ethnic">ethnic</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{model._race.race_Name}}"
                               disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" translate="user.usertype">usertype</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._userType.userTypeEnName : model._userType.userTypeCnName}}"
                               disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.userrole">userroles</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? userRoleEnStr : userRoleCnStr}}" disabled
                               style="cursor:default">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" translate="user.isContractedDoctor"></label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control"
                               value="{{model._doctor.isContractedDoctor == true ? 'common.yes' : 'common.no'|translate}}"
                               disabled style="cursor: default;"/>
                    </div>
                    <label class="col-sm-2 control-label" translate="user.isPaidDoctor"></label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control"
                               value="{{model._doctor.isPaidDoctor == true ? 'common.yes' : 'common.no'|translate}}"
                               disabled style="cursor:default;"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" translate="user.mobilephone">Phone</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{ model.mobile_Phone }}" disabled
                               style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.email">Email</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" id="inputPassword3" placeholder=""
                               value="{{ model.email }}" disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.country">country</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._country.country_En_Name : model._country.country_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.province">province</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{model._province.loca_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.city">city</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{model._city.loca_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.county">county</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" value="{{model._county.loca_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.hosp">Hospital</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._doctor._hosp.hosp_En_Name : model._doctor._hosp.hosp_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.hosplevel">Hospital level</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._doctor._hosp._hospLevel.hospLevel_En_Name : model._doctor._hosp._hospLevel.hospLevel_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.dept">Department</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._doctor._dept.dept_En_Name : model._doctor._dept.dept_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.doctquali">Doctor Qualification</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder=""
                               value="{{selectLang == 'English' ? model._doctor._doctQuali.doctQuali_En_Name : model._doctor._doctQuali.doctQuali_Cn_Name}}"
                               disabled style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.intro">Intro</label>
                    <div class="col-sm-8">
                        <textarea rows="3" class="form-control"
                                  style="overflow:auto;height:150px;max-height:150px;cursor:default"
                                  ng-model="model._doctor.doctor_Intro" disabled></textarea>
                    </div>
                </div>
                <div class="form-group" ng-if="model.isDoctor">
                    <label class="col-sm-2 control-label" translate="user.countOfPatient">Patient</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" ng-model="model.countOfPatient" disabled
                               style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.countOfSend">Doctor Sending</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" ng-model="model.countOfSend" disabled
                               style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isMedicalAdmin">
                    <label class="col-sm-2 control-label" translate="user.countOfSelect">Selection</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" ng-model="model.countOfSelect" disabled
                               style="cursor:default">
                    </div>
                </div>
                <div class="form-group" ng-if="model.isSpecialist">
                    <label class="col-sm-2 control-label" translate="user.countOfDiag">Diagnosis</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" ng-model="model.countOfDiag" disabled
                               style="cursor:default">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label" translate="user.loginTimes">loginTimes</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" placeholder="" ng-model="model.loginTimes" disabled
                               style="cursor:default">
                    </div>
                    <label class="col-sm-2 control-label" translate="user.loginUpdated" ng-if="model.loginTimes>0">loginUpdated</label>
                    <div class="col-sm-3" ng-if="model.loginTimes>0">
                        <input type="text" class="form-control" placeholder=""
                               value="{{moment(model.loginUpdated).format('YYYY-MM-DD HH:mm')}}" disabled
                               style="cursor:default">
                    </div>
                </div>
                <div class="form-group">
                    <p class="col-sm-2"></p>
                    <div class="col-sm-8">
                        <script type="text/ng-template" id="openUserInfo.html">
                            <div ng-include="'views/system/user_add.html'"></div>
                        </script>
                        <button type="button" ng-click="open({ templateUrl: 'openUserInfo.html'}, {{ model }} );"
                                class="btn btn-md-3 btn-primary font-bold" title="{{ 'common.edit' | translate }}"
                                translate="common.edit">
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/ng-template" id="UploadHeadImage.html">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" ng-click="cancel()"><span class="icon icon-close"
                                                                          aria-hidden="true"></span></button>
            <h4 class="modal-title" id="myModalLabel"><span translate="common.mytimg"></span></h4>
        </div>
        <div class="modal-body" ng-controller="UploaderController">
            <div class=" col-sm-12 btn btn-info" style="width:100%;">
                <span translate="common.fileimg"></span>
                <input type="file" file-model="myFile"
                       style="width:100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; cursor:pointer; position:absolute;top:0px; height:35px;"/>
            </div>
            <div class="col-sm-12 panel panel-default">
                <img ng-src="{{imageSrc}}" class="img-responsive center-block"
                     style="display:block; width:100%; height:100%;margin-top:15px; margin-bottom:15px;">
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" ng-click="cancel()"><span translate="common.cancel"></span>
            </button>
            <button type="button" class="btn btn-primary" ng-click="ok()"><span translate="common.ok"></span></button>
        </div>
    </div>
</script>
